﻿<#include "layout.ftl"/>
<#macro script_import>


<script src="${staticPath}/page-js/article_list.js"></script>
<!--DataTables [ OPTIONAL ]-->
<script src="${staticPath}/js/jquery.datatables.js"></script>
<script src="${staticPath}/js/datatables.bootstrap.js"></script>
<script src="${staticPath}/js/datatables.responsive.min.js"></script>
<!--Bootbox Modals [ OPTIONAL ]-->
<script src="${staticPath}/js/bootbox.min.js"></script>
<!--Modals [ SAMPLE ]-->
<script src="${staticPath}/js/ui-modals.js"></script>
</#macro>
<#macro css_import>
<!--DataTables [ OPTIONAL ]-->
<link href="${staticPath}/css/datatables.bootstrap.css" rel="stylesheet">
<link href="${staticPath}/css/datatables.responsive.css" rel="stylesheet">
<link href="${staticPath}/css/pace.min.css" rel="stylesheet">
<link href="${staticPath}/css/animate.min.css" rel="stylesheet">
</#macro>
<#macro script>

</#macro>
<#macro css>
<style>
.table-toolbar-left-margin{
    margin-left: 10px;
}
</style>
</#macro>
<@layout>


<!--CONTENT CONTAINER-->
<!--===================================================-->
<div id="content-container">

    <!--Page Title-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <div id="page-title">
        <h1 class="page-header text-overflow">文章列表</h1>

        <!--Searchbox-->
        <div class="searchbox">
            <div class="input-group custom-search-form">
                <input type="text" class="form-control" placeholder="Search..">
                            <span class="input-group-btn">
                                <button class="text-muted" type="button"><i class="demo-pli-magnifi-glass"></i></button>
                            </span>
            </div>
        </div>
    </div>
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--End page title-->


    <!--Breadcrumb-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <ol class="breadcrumb">
        <li><a href="#">首页</a></li>
        <li><a href="#">文章管理</a></li>
        <li class="active">文章列表</li>
    </ol>
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--End breadcrumb-->


    <!--Page content-->
    <!--===================================================-->

    <div id="page-content">
        <!-- Row selection (single row) -->
        <!--===================================================-->
        <div class="panel">
            <div class="panel-heading">
                <h3 class="panel-title">Row selection (single row)</h3>
            </div>
            <div id="customer-custom-toolbar" class="table-toolbar-left">
                <button id="customer-dt-delete-btn" class="btn btn-danger"><i class="demo-pli-cross"></i> 删除</button>
            </div>

            <div id="customer-custom-toolbar-add" class="table-toolbar-left table-toolbar-left-margin">
                <button id="customer-dt-add-btn" class="btn btn-success"><i class="demo-pli-plus"></i> 添加</button>
            </div>

            <div class="panel-body">
                <table id="demo-dt-selection" class="table table-striped table-bordered" cellspacing="0" width="100%">
                    <thead>
                    <tr>
                        <th>编号</th>
                        <th>标题</th>
                        <th class="min-tablet">简介</th>
                        <th class="min-tablet">内容</th>
                        <th class="min-desktop">创建者</th>
                        <th class="min-desktop">创建日期</th>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
        <!--===================================================-->
        <!-- End Row selection (single row) -->

    </div>
    <!--===================================================-->
    <!--End page content-->


</div>
<!--===================================================-->
<!--END CONTENT CONTAINER-->


</@layout>
